	<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>美丽的家乡威海</title> 
	<link href="css/style.css" type="text/css" rel="stylesheet"></link>

</head>
<body id="body">
	
	<div class="container"> 
		
		<!---菜单--->
	<div class="main-menu panel">
		
		<h2>	
			<a href="index.html"><img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=256275138,1740916457&fm=116&gp=0.jpg" width="130px;"/></a>
</h2>
			<ul>
				
				<li>
					<a href='live.html'>活在威海</a>
				</li>
				
				<li>
					<a href='eat.html'>吃在威海</a>
				</li>
				
				<li>
					<a href='rushan.html'>母爱圣地，幸福乳山</a>
				</li>
				<li>
					<a href='rongcheng.html'>天尽头，成山头</a>
				</li>
				
				<li>
					<a href='liugongdao.html'>刘公岛，不只是一个岛</a>
				</li>
				
				<li>
					<a href='story.html'>威海故事</a>
				</li>
			</ul>
		
		</div> 
		
		<div class="main panel">
			<div class="picture"> 
				<img src="https://luoleiorg.b0.upaiyun.com/blog/2016/10/taiwan/day1/A7S2-D1-09218.jpg" id='img'> 
			</div>
			<div class="table">
				
			</div>
		</div> <!--end main--->
		 
		
		
		
			
	</div><!---end container-->
	
	
	
</body>
</html> 
<script>var img = document.getElementById("img");
var bodyid = document.getElementById("body");
list=[
	"https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/lvpics/pic/item/ac345982b2b7d0a2ce489f55cbef76094a369a71.jpg",
	"https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/lvpics/pic/item/d1160924ab18972b14fe2a85e7cd7b899f510abc.jpg",
	"https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/lvpics/pic/item/08f790529822720e1313c8b57acb0a46f31fab9b.jpg",
	"https://gss0.baidu.com/-4o3dSag_xI4khGko9WTAnF6hhy/lvpics/w%3D1600%3Bc%3Dlvyou%2C94%2C97/sign=4e44f63bba12c8fcb4f3f2cbcc33a926/d01373f082025aaf98c0fad0f8edab64034f1a3e.jpg",
	"https://gss0.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/lvpics/w%3D1600%3Bc%3Dlvyou%2C94%2C97/sign=7610106fae345982c58ae1943cc40ace/b58f8c5494eef01fdbe49cdee3fe9925bc317d3d.jpg"
]; 
function picture(){
	var i = (Date.parse(new Date()) / 3000) % list.length; 
	i = parseInt(i);
	img.src = list[i]; 	
	console.log(i);	
}
function body(){
	var i = (Date.parse(new Date()) / 30000) % list.length; 
	i = parseInt(i);
	bodyid.style.backgroundImage='url('+list[i]+')'; 	
	console.log(i);	
}
self.setInterval("picture()",3000);
//self.setInterval("body()",30000);
</script>
	 